<div class="panel-container" style="">
    <row class="app-layoutpanel" style="height:100%;">
                <i-col v-show="detailsModel.container1.visible"  :md="{ span: 12, offset: 0 }" style="" class="app-layoutpanel-container mob_list_card">
            <row style="height:100%;">
                        
                <i-col v-show="detailsModel.pri.visible"  :md="{ span: 2, offset: 0 }" :lg="{ span: 2, offset: 0 }" style="" class="app-layoutpanel-field">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    
                <app-span :value="data.pri" name="pri" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  tag='Pri' codelistType='STATIC'   style=""
                > </app-span> 
                
                    </div>
                </div>
                
                
                </i-col>
                        
                <i-col v-show="detailsModel.name.visible"  :md="{ span: 10, offset: 0 }" :lg="{ span: 10, offset: 0 }" style="" class="app-layoutpanel-field">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    
                <app-span :value="data.name" name="name" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
                > </app-span> 
                
                    </div>
                </div>
                
                
                </i-col>
                        
                <i-col v-show="detailsModel.date1.visible"  :md="{ span: 3, offset: 0 }" :lg="{ span: 3, offset: 0 }" style="" class="app-layoutpanel-field">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    
                <app-span :value="data.date1" name="date1" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
                > </app-span> 
                
                    </div>
                </div>
                
                
                </i-col>
                        
                <i-col v-show="detailsModel.begin.visible"  :md="{ span: 3, offset: 0 }" :lg="{ span: 3, offset: 0 }" style="" class="app-layoutpanel-field">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    
                <app-span :value="data.begin" name="begin" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  tag='BeginendDropList' codelistType='STATIC'   style=""
                > </app-span> 
                
                    </div>
                </div>
                
                
                </i-col>
                        
                <i-col v-show="detailsModel.status.visible"  :md="{ span: 3, offset: 3 }" :lg="{ span: 3, offset: 3 }" style="" class="app-layoutpanel-field">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    
                <app-span :value="data.status" name="status" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'  tag='Todo__status' codelistType='STATIC'   style=""
                > </app-span> 
                
                    </div>
                </div>
                
                
                </i-col>
            </row>
        </i-col>
    </row>
</div>
